import { h } from '../../lib/guide-leo-vue.esm.js'
import { Foo } from './Foo.js'
window.self = null
export const App = {
  render() {
      window.self = this
      return h(
        'div',
        {
          id:'123',
          class:["ha1",'ha2'],
          onClick:() => {
            console.log('click');
          },
          onMousedown:() => {
            console.log('onMousedown');
          }
        },
        // 'Hi '+this.setupState.msg
        [
          h('h2',{id:'345',class:['red']},'Hi '+this.msg),
          h('h4',{id:'456',class:['blue']},'456'),
          h(Foo,{count:1})
        ]
      )
    },
    setup() {
      return {
        msg:'leo'
      }  
    }
}